<template>
    <div class="notFoundPage">
      <div class="title">
        <div class="back-wrapper">
          <back></back>
        </div>
        404
      </div>
      <div class="content">
        <div class="btn-wrapper">
          <button class="btn" @click="_refresh">刷新</button>
        </div>
      </div>
    </div>
</template>

<script>
  import back from '../../../components/back/back'
    export default {
        name: "notFoundPage",
        components:{
          'back':back
        },
        methods:{
          _refresh(){
            window.history.go(0)
          }
        }
    }
</script>

<style scoped lang="stylus">
  .notFoundPage
    position absolute
    height 100%
    width 100%
    background #101011
    user-select none
    overflow hidden
    .title
      position relative
      padding 10px 0
      height 22px
      line-height 22px
      text-align center
      font-size 16px
      color #ffffff
      .back-wrapper
        position absolute
        left 0
        top 10px
        width 36px
        height 22px
    .content
      height calc(100% - 42px)
      background url("bg_404@2x.png")no-repeat center 144px/50px 67px
      .btn-wrapper
        padding-top 234px
        .btn
          background #F7C20F
          height 36px
          width 72px
          font-size 14px
          border-radius 18px
          border none
          color #333333
          line-height 20px
          outline none
</style>
